/*
 * Css Library 1.0.0
 * Copyright(c) 2009-2010 Jiuzhou,Co
 * http://www.jztech.com
 * layout Css
 * Alex
 * 2009-12-28
 */
body {
    overflow-x:hidden;
	overflow-y:auto;
	font: 100% 宋体, 新宋体;
	/*background-image:url(../images/layout/layout_bg.jpg);去掉右侧iframe里面页面背景
	background-repeat:no-repeat;
	background-position:center;*/
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #layout_container 选择器中设置为默认左对齐 */
	color: #1f6587;
	font-size:12px;
}

.layout_body{
	/*background-image:url(../images/layout/layout_bg.jpg);去掉右侧iframe里面页面背景
	background-repeat:no-repeat;
	background-position:center;*/
}

.layout_IndexLayout
{
	background-image:url(../images/layout/layout_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.layout_RightLayout
{
	background-color:White;
}
/* layout_header_text_div为包裹layout_header_text_login等文本的div，与下部的内容页等宽 */
#layout_container, #layout_header_text_div {
	width: 100%;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}

#layout_container
{
	 margin-top:4px;
	}

#layout_header, #layout_header_text {
	width:100%;
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	background-image:url(../images/layout/layout_top.jpg);
	background-repeat: no-repeat;
}
#layout_header {
	height:76px;
	background-position:top;/*同一张背景图片上部*/
}
#layout_header_text {/*头部登录用户文字，时间，操作功能等*/
	height:33px;
	background-position:bottom;/*同一张背景图片下部*/
	color:#1f6688;
}
/* layout_sidebar 提示：
1. 由于我们使用的是百分比，因此最好不要在侧栏中使用填充。它将会新增至宽度，而让符合标准的浏览器建立未知的实际宽度。 
2. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“.layout_body #layout_sidebar p”规则中所示。
3. 由于 Explorer 会在父元素显示之后计算宽度，因此基于百分比的栏有时会出现无法解释的错误。如果您需要更可预见的结果，可选择改为以像素为单位设置栏的大小。
*/
#layout_sidebar {
	float: left;
    
	margin-left:4px;/*距离左侧屏幕边缘 Alex 2010-2-2*/
	width: 165px; /* 由于此元素是浮动的，因此必须指定宽度 *//*background: #FFF; /* 将显示背景色，其宽度等于栏中内容的长度，*//*padding: 0px; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
}/*修改left tree宽度,以便ie6和ie8的框架显示均正常 Alex 2010-2-10*/
/* layout_mainContent 提示：
1. layout_mainContent 和 layout_sidebar 之间的空白是由 layout_mainContent div 的左边距创建的。无论 layout_sidebar div 中包含多少内容，都将保留栏空白。如果您希望在 #layout_sidebar 中的内容结束时，用 #layout_mainContent div 的文本填充 #layout_sidebar 空白，则可以删除此左边距。
2. 为了避免在所支持的最小分辨率 800 x 600 下出现“浮动下降”，layout_mainContent div 中的元素（包括图像）不应大于 430 像素。
3. 在下面的 Internet Explorer 条件注释中，zoom 属性用来赋予 layout_mainContent“hasLayout”。这会避免几个特定于 IE 的错误。
*/
#layout_mainContent {
	margin: 0px 0px 0px 0px; /* 右边距可以用百分比或像素来指定，它会在页面的右下方产生空白。 */
	float:left;
	width:100%;
}
#layout_footer {
	text-align:center;
	height:64px;
	margin-top:8px;
	background-image:url(../images/layout/layout_bottom.gif);
	background-repeat:no-repeat;
	background-position:center;
	
}
.layout_header_text_login, .layout_header_text_date, .layout_header_text_login_ico, .layout_header_text_date_ico, .layout_header_text_function_ico {
	margin-top:5px;
}
.layout_header_text_login_ico, .layout_header_text_date_ico, .layout_header_text_function_ico {
	background-image:url(../images/toolbar/toolbar_ico.gif);/*同一张背景图片*/
	background-repeat:no-repeat;
	height:17px;
}
/*登录欢迎图标*/
.layout_header_text_login_ico {
	background-position:left;
	width:13px;
	margin-left:15px;
}
/*时间图标*/
 .layout_header_text_date_ico {
	background-position:-13px 0px;
	width:15px;
	margin-left:15px;
}
/*功能菜单*/
.layout_header_text_function {
	margin-left:10%;/*和左侧用户名显示距离*/
	margin-top:4px;/*dx 下拉控件导致 布局错误，增加table布局，并将包含此table的div顶边距减小 Alex 2010-1-27 11:53*/
}
/* 要重用的各种类 */
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.tal {/* 此类可用来使容器内的元素向左排列 */
	text-align:left;
}
.tar {/* 此类可用来使容器内的元素向右排列 */
	text-align:right;
}
.tac {/* 此类可用来使容器内的元素向中间排列 */
	text-align:center;
}
.tdPadding {
	padding:5px;
}
.layout_clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*
通常用于grid上方功能按钮区域
*/

 .layout_grid_function {
	width:100%;
	margin-top:7px;
	margin-bottom:6px;
	height:28px;
}

/* 通常用于分页及工作流区域 */
.layout_grid_page_workflow{
	width:100%;
	margin-top:2px;
	margin-bottom:2px;
	}
/*
grid分页区域
*/
.layout_grid_page{
	float:right;
	}
/*
grid工作流区域
*/
.layout_grid_workflow{
	float:left;
	}
